<template>
  <div class="demo-block">
    <h4>基本用法</h4>
    <div class="demo-row">
      <my-popover title="我是标题">
        popover内容！popover内容！popover内容!
        popover内容！popover内容！popover内容!
        <my-button slot="trigger">查看内容</my-button>
      </my-popover>
    </div>
  </div>
</template>

<script>
import button from "../../../../src/components/button";
import popover from "../../../../src/components/popover";
export default {
  components: { "my-button": button, "my-popover": popover },
};
</script>

<style scoped>
.demo-row {
  margin: -10px;
}
</style>